﻿//默认参数配置
@import "config.less";
/*
 * 个人中心
 */
.aw-user{
    padding-bottom:10px;
}
//顶部图片
.aw-assest-user-top-img{
    position: relative;
    .aw-user-top-bg{width:100%;position: relative;}
    .aw-user-top-bg img{display: block;width:100%;}
    img.aw-user-top-login-gai{position: absolute;z-index:1;left:0px;bottom:0px;}
    .aw-user-top-poa{
        position: absolute;top:50%;width:100%;z-index:1;overflow: hidden;
        img{width:100%;}
        div{width:100%;margin:0px auto;}
        .aw-user-desc-img{
            overflow: hidden;width:100px;height:100px;
        }
        .aw-user-desc-btn{
            margin-top:20px;line-height:24px;
            p{text-align: center;color: #fff;font-size:@size + 2;}
            a{color:@color-1;width: 140px;margin:0px auto;height:40px;line-height:40px;border:none;display: block;}
        }
    }
    .aw-user-top-logo{
        left:50%;
        width:80px;height:80px;
        margin:-40px 0px 0px -40px;border-radius:100%;background:#fff;
    }
}
.aw-user-info{
    .aw-user-info-img{
        padding-top: 10px;padding-bottom: 10px;
        .aw-conter{height:50px;position: relative;overflow: hidden;}
        input,img{position:absolute;top:0px;}
        input{width:200% !important;right:-20px;}
        img{width:50px;height: 50px;right:20px;border-radius:100%;}
        .aw-left{top:12px;}
    }
}

//首页
.aw-user-index{
    padding-bottom:101px;
    .aw-assest-form{
        .aw-form-li{padding:0px;}
    }
    .aw-user-index-desc{
        margin-top:-70px;
        .aw-user-desc-img{border:2px solid #fff;border-radius:100%;background:#fff;}
        .aw-user-desc-img img{height:100%;}
    }
    .aw-index-btn{text-align: center;a{color: #a3a3a3;}}
    .aw-index-border{height:20px;background:url("@{imgurl}bg_user_index.png") repeat center;}
    .aw-index-list{
        text-align: center;border-bottom:@border-solid;
        .aw-my-li{float: left;padding:15px 0px 10px;}
        i{margin:0px auto;}
        p{height:20px;line-height:20px;margin-top:5px;}
        .aw-my-li-border{position: absolute;top:50%;margin-top:-30px;width:1px;height:50px;background:@border-color;}
    }
}


//二维码
.aw-user-code{
    padding:70px 30px 0px;
    .aw-code-bg{
        position: relative;border-radius:10px;padding:100px 40px 40px;
        div{margin:0px auto;}
        .aw-code-img,.aw-code-name{
            position: absolute;left:50%;width:100%;text-align: center;
        }
        .aw-code-img{width:100px;height:100px;margin-left:-50px;top:-50px;border-radius:100%;border:2px solid #fff;background:#fff;overflow: hidden;}
        .aw-code-img img{width:100%;height:100%;}
        .aw-code-name{left:0px;padding:0px 20px;line-height:40px;top:50px;font-size:@size + 2;}
        .aw-code-code{
            img{width:100%;}
        }
    }
}
//我的赛程
.aw-user-schedule{
    .aw-list-li{margin-top: 10px;}
    .aw-li-desc{padding: 15px 5px;}
}
//我的卡卷
.aw-user-card{
    .aw-card-list{padding:0px 10px;}
    .aw-card-li{border-bottom:3px solid @color-1;margin-top:30px;padding:10px 15px 15px 135px;position: relative;height:106px;overflow:visible;}
    .aw-card-li-top{position: absolute;top:-10px;left:0px;width:100%;height:10px;background:url("@{imgurl}card.png") repeat-x center;}
    .aw-card-li-left{
        position: absolute;top:10px;left:0px;
        width:120px;height:78px;line-height:78px;
        text-align: center; border-right:1px dashed #e5e5e5;
        span{color:@color-2;font-size:50px;}
    }
    .aw-card-li-right{
        *{width:100%;overflow: hidden;}
        div{font-size:@size + 4;height:30px;line-height:30px;}
        p{color: #999;height:24px;line-height:24px;}
    }
}
//我的积分
.aw-user-integral{
    .aw-user-top-bg{height: 240px;}
    .aw-integral-title{
        margin-top:-70px;
        color: #fff;text-align: center;padding:10px;font-size:@size + 2;
        div{margin:0px auto;line-height:34px;}
        i{margin-right:10px;float: left;}
    }
    .aw-integral-title-icon{max-width:120px;text-align: right;}
    .aw-integral-title-num{font-size:40px;margin-top:40px !important;}
    .aw-user-integral-h3{padding:10px;line-height:30px;}
    .aw-form-li{line-height:24px;padding:10px;}
    .aw-li-title{font-size:@size + 2;}
    .aw-li-time{font-size:@size;color: #777;}
    .aw-li-right{position: absolute;top:10px;right:10px;font-size:@size + 4;line-height:48px;}
}

/*
 * VS 通用CSS
 * 完成比赛
 */
.aw-user{
    .aw-assest-vs-match{
        position: relative;bottom:auto;
        .aw-list-li{margin-top: 10px;}
    }
    .aw-li-foot-desc{
        margin-top:10px;padding:0px 10px;height:41px;line-height:40px;
        border-top:@border-solid;overflow: hidden;
    }
}


//我的订单
.aw-user-order{
    .aw-assest-form .aw-form-li .aw-left{
        text-align: right;left:50%;margin-left: -50px;width:100px;
        i{float: left;margin-top:5px;}
    }
    .aw-tab-li{width:20%;text-align: center;}
    .aw-order-list{}
    .aw-order-li{margin-top:10px;border-top:@border-solid;border-bottom:@border-solid;}
    .aw-order-li-top{border-bottom:@border-solid;height:41px;line-height: 40px;overflow: hidden;padding:0px 10px;color: #6B6C6B;}
    .aw-order-li-body{padding:10px 10px 10px 110px;position: relative;min-height:110px;}
    .aw-order-li-body-img{width:90px;height:90px;position: absolute;top:10px;left:10px;}
    .aw-order-li-body-des{line-height:24px;}
    .aw-order-li-body-des p{padding-bottom:6px;overflow: hidden;width:100%;}
    .aw-order-li-body a{width:100px;padding:0px 5px;}
    .aw-order-li-body i{float:left;margin-top:2px;}
    .aw-order-li .aw-assest-list{padding:0px 10px;}
    .aw-order-li .aw-list-li{border-bottom:none;}
    .aw-order-li .aw-li-desc{padding-left:0px;padding-right:0px;}
    .aw-order-li .aw-assest-vs-match .aw-vs-desc-zhandui{line-height:20px;}
    .aw-order-li .aw-vs-desc-zhandui .aw-desc-zhandui-img{width:40px;height:40px;float: left;padding:0px;}
    .aw-order-li .aw-vs-desc-zhandui span{display: block;}
    .aw-order-li .aw-vs-desc-zhandui .aw-desc-zhandui-color{color: #888;font-size:@size - 2;}
    .aw-order-li .aw-vs-desc-zhandui .aw-text-center{line-height:40px;}
    .aw-order-li .aw-assest-btn{height:30px;line-height:28px;font-size:@btn-size - 4;}
    .aw-order-li-foot{border-top:@border-solid;color: #999A99;padding:0px 10px;}
    .aw-order-li-foot-left{line-height: 40px;}
    .aw-order-li-foot-right{padding-bottom:10px;}
    .aw-order-li-foot-right a{max-width:120px;display: block;margin:0px auto;padding:0px 10px;}
}
@media screen and (min-width:320px){
    .aw-user-order{
        .aw-order-li-foot-left{float: left;}
        .aw-order-li-foot-right{float: right;padding:5px 0px;}
    }
}


//个人信息
.aw-info-team-list{
    margin-top:30px;overflow: hidden;padding:10px;
}
.aw-info-team-list-li{
    width:25%;float: left;text-align: center;padding:10px 10px 0px;color: #555;
    img{width:100%;display: block;}
    div,p{overflow: hidden;}
    p{height:30px;line-height:30px;}
}
